<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


</div>
<script th:inline="javascript">
    let courseAvgs = [[${users}]]
    console.log(courseAvgs)
    var innerHTML='';
    for( var i = 0 ; i < courseAvgs.length; i++){
        // innerHTML += '<div class="product">'
        innerHTML += '<p>' + courseAvgs[i].id + '</p>';
    }
    console.log(innerHTML);

</script>
</body>
</html>